<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>02-recordListDetail</title>
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/bootstrap-4.2.1/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/admin/css/containerDetailWrapping.css">
</head>
<body>
  <div class="container containerDetail-wrapping">
    <div class="turnBack text-right">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="history.go(-1)">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <br>
    <form action="#">
      <div class="form-group row">
        <label class="col-sm-1"></label>
        <label for="forPhoto" class="col-sm-2 col-form-label text-center">照片</label>
        <div class="col-sm-6">
          <figure class="figure">
            <img src="${pageContext.request.contextPath }/images/2.jpg" class="figure-img img-fluid rounded mx-auto d-block">
          </figure>
        </div>
      </div>
      <div class="form-group row">
        <label class="col-sm-1"></label>
        <label for="forTitle" class="col-sm-2 col-form-label text-center">标题</label>
        <div class="col-sm-6">
          <input type="text" id="forTitle" name="" class="form-control" value="钥匙" readonly>
        </div>
      </div>
      <div class="form-group row">
        <label class="col-sm-1"></label>
        <label for="forPhone" class="col-sm-2 col-form-label text-center">失物类别</label>
        <div class="col-sm-6">
          <input type="text" id="forPhone" name="" class="form-control" readonly value="钥匙">
        </div>
      </div>
      <div class="form-group row">
        <label class="col-sm-1"></label>
        <label for="forDetail" class="col-sm-2 col-form-label text-center">细节</label>
        <div class="col-sm-6">
          <textarea id="forDetail" name="" class="form-control" readonly>这里是细节，细节描述</textarea>
        </div>
      </div>
      <div class="form-group row">
        <label class="col-sm-3"></label>
        <div class="col-sm-6">
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" id="successTake" name="forCheckFlag" class="custom-control-input">
            <label class="custom-control-label" for="successTake">确定认领</label>
          </div>
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" id="doNotTake" name="forCheckFlag" class="custom-control-input" >
            <label class="custom-control-label" for="doNotTake">取消认领</label>
          </div>
        </div>
      </div>
      <div class="form-group row">
        <label class="col-sm-1"></label>
        <label for="forRefuseResion" class="col-sm-2 col-form-label text-center">认领情况</label>
        <div class="col-sm-6">
          <textarea id="forRefuseResion" name="" class="form-control"></textarea>
        </div>
      </div>
      <div class="form-group row">
        <label class="col-sm-3"></label>
        <div class="col-sm-6 text-center">
          <button type="button" class="btn col-sm-3 btn-outline-primary mr-lg-5" onclick="history.go(-1)">返回</button>
          <button type="button" class="btn col-sm-3 btn-outline-primary">确定</button>
        </div>
      </div>
    </form>
    <br>
  </div> <!-- container -->
  <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-3.3.1.min.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath }/bootstrap-4.2.1/js/bootstrap.min.js"></script>
</body>
</html>